<template>
  <div class="footer_content">
    <el-row type="flex" justify="center">
      <el-col :span="14">
        <li>
          <div>了解我们</div>
          <div>
            <p><a href="#javascript:;">关于我们</a></p>
            <p><a href="#javascript:;">加入我们</a></p>
            <p><a href="#javascript:;">云N记官网</a></p>
            <p><a href="#javascript:;">米哈游官网</a></p>
          </div>
        </li>
        <li class="two_content">
          <div>相关信息</div>
          <div>
            <p><a href="#javascript:;">隐私政策</a></p>
            <p><a href="#javascript:;">云N记社区用户服务协议</a></p>
            <p><a href="#javascript:;">云N记通行证用户服务协议</a></p>
          </div>
        </li>
        <li>
          <div>联系我们</div>
          <div>
            <p><a href="#javascript:;">地址：赣州市章贡区</a></p>
            <p><a href="#javascript:;">电话：400-666-888</a></p>
          </div>
        </li>
        <li>
          <img src="../../public/image/getmoney.jpg" alt="" />
          <p>如果您喜欢我们的产品，请赞助我们</p>
        </li>
      </el-col>
    </el-row>
    <el-row>
      <p>© 2021 余传辉版权所有｜沪公网安备310******01113号｜<a style='color: rgb(177, 177, 177)' href="https://beian.miit.gov.cn/" target="_blank">赣ICP备2021009680号-1</a></p>
      <!--<p>沪网文〔2019〕3168-216｜增值电信业务经营许可证：沪B2-20190555</p>-->
      <p>互联网违法不良信息举报电话：021-60371750（工作时间：每天10点-20点）｜互联网违法不良信息举报邮箱：u97966979@163.com</p>
      <p>亲爱的市民朋友，上海警方反诈劝阻电话“0797-96110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听。</p>
      <svg-icon icon-class="cloudNoteN" style="width:200px; height: 130px"/>
      <svg-icon icon-class="cloudNoteN" style="width:200px; height: 130px"/>
      <svg-icon icon-class="cloudNoteN" style="width:200px; height: 130px"/>
    </el-row>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.el-row:nth-child(1) {
  width: 100%;
  height: 300px;
  background-color: rgb(45, 47, 51);
  margin-top: 50px;
  color: rgb(177, 177, 177);
  .el-col {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid rgb(202, 202, 202);
    li {
      list-style: none;
      margin-top: 30px;
    }
    li > div:nth-child(1) {
      font-weight: bold;
      font-size: 20px;
    }
    li > div:nth-child(2) {
      margin-top: 40px;
    }
    a {
      color: rgb(177, 177, 177);
    }
    li:nth-child(4) {
      display: flex;
      flex-direction: column;
      align-items: center;
      // 二维码样式
      img {
        width: 65%;
        height: 60%;
      }
    }
  }
}
.el-row:nth-child(2) {
  width: 100%;
  height: 300px;
  background-color: rgb(45, 47, 51);
  text-align: center;
  box-sizing: border-box;
  padding: 30px 0;
  color: rgb(151, 151, 151);
  img {
    width: 8%;
    margin: 0 10px;
  }
}
</style>
